<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<link rel="stylesheet" href="/css/goodsdetails.css">
	<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
	<script   src="js/modernizr-custom-v2.7.1.min.js"></script>
	<script>
		$(document).ready(function(){
	var $miaobian=$('.Xcontent08>div');
	var $huantu=$('.Xcontent06>img');
	var $miaobian1=$('.Xcontent26>div');
	$miaobian.mousemove(function(){miaobian(this);});
	$miaobian1.click(function(){miaobian1(this);});
	function miaobian(thisMb){
		for(var i=0; i<$miaobian.length; i++){
			$miaobian[i].style.borderColor = '#dedede';
		}
		thisMb.style.borderColor = '#cd2426';

		$huantu[0].src = thisMb.children[0].src;
	}
	function miaobian1(thisMb1){
		for(var i=0; i<$miaobian1.length; i++){
			$miaobian1[i].style.borderColor = '#dedede';
		}
//		thisMb.style.borderColor = '#cd2426';
		$miaobian.css('border-color','#dedede');
		thisMb1.style.borderColor = '#cd2426';
		$huantu[0].src = thisMb1.children[0].src;
	}
			$(".Xcontent33").click(function(){
			//var value=parseInt($('.input').val())+1;
       		//$('.input').val(value);
		})

		$(".Xcontent32").click(function(){	
			//var num = $(".input").val()
			//if(num>0){
			//	$(".input").val(num-1);
			//}			
			
		})

		})
	
		
		
	
		
	
	</script>
	

</head>

<body>
	<div class="Xcontent">
		<ul class="Xcontent01">
			
				<div class="Xcontent06"><img src="/images/1-1.jpg"  width=400 height=450></div>
				<ol class="Xcontent08">
					<div class="Xcontent07"><img src="/images/1-1.jpg"></div>
					<div class="Xcontent09"><img src="/images/1-2.jpg"></div>
					<div class="Xcontent10"><img src="/images/1-3.jpg"></div>
					<div class="Xcontent11"><img src="/images/1-4.jpg"></div>
					<div class="Xcontent12"><img src="/images/1-5.jpg"></div>
				</ol>
				<ol class="Xcontent13">
					<div class="Xcontent14"><a href="#"><p>双肩包男背包大容量高中学生书包帆布旅行包简约百搭休闲复古户外</p></a></div>
					<div class="Xcontent15"><img src="/images/shangpinxiangqing/X11.png"></div>
					<div class="Xcontent16"></p></div>
					<div class="Xcontent17">
						<p class="Xcontent18">售价</p>
						<p class="Xcontent19">￥<span>198.00</span></p>
						<div class="Xcontent20">
							<p class="Xcontent21">促销</p>
							<img src="images/shangpinxiangqing/X12.png">
							<p class="Xcontent22"></p>
						</div>
						<div class="Xcontent23">
							
						</div>
						
					</div>
					<div class="Xcontent26">
						<p class="Xcontent27">颜色</p>
						<div class="Xcontent28"></div>
							<div class="Xcontent29"></div>
					</div>
					<div class="Xcontent30">
						<p class="Xcontent31">数量</p>
						<div class="Xcontent32"><img src="/images/shangpinxiangqing/X15.png"></div>
						<form>	
            <input class="input" value="1" disabled="true"></form>
						<div class="Xcontent33"><img src="/images/shangpinxiangqing/16.png"></div>

					</div>
					<div class="Xcontent34"><a href="/Order/buy?goodsid=1"><img src="/images/shangpinxiangqing/X17.png"></a></div>
					<div class="Xcontent35"><a href="#"><img src="/images/shangpinxiangqing/X18.png"></a></div>
				
			</ol>
		
			
			
		</ul>
		
	</div>
</body>
</html>
